<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>用户列表DemoTest2</title>
    <!--    设置jquery-->
    <script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
    <script>
$(function (){
var url = "http://localhost:8088/getAll"
var data={id:100,name:"tom"}
$.get(url,function (data){
    // 使用of关键字for循环
for (user of data){
// 这里使用的是ES5的语法
    var tr1=
    `<tr align="center">
<td>${user.id}</td>
<td>${user.name}</td>
<td>${user.age}</td>
<td>${user.sex}</td>
    </tr>`
    // 注意这里要有`框选出来内容
    //将tr中的标签添加到表格中
$("#tab1").append(tr1)
}
})
})

    </script>
</head>
<body>
<table id="tab1" border="1px" align="center" width="70%">
    <tr>
        <td colspan="4" align="center">
            <h1>用户列表</h1>
        </td>
    </tr>
        <tr>
            <td align="center">编号</td>
            <td align="center">姓名</td>
            <td align="center">年龄</td>
            <td align="center">性别</td>
        </tr>
</table>
</body>
</html>